<template>
  <footer class="footer">
    <div class="footer-content">
      <p>&copy; 2024 广西图书馆</p>
      <ul>
        <li><a href="/privacy">隐私政策</a></li>
        <li><a href="/help">帮助</a></li>
        <li><a href="/help">联系我们</a></li>
      </ul>
    </div>
  </footer>
</template>

<script setup>

</script>

<style scoped>
.footer {
  background-color: #003c6c;
  color: white;
  padding: 20px;
  text-align: center;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
}

.footer ul {
  list-style-type: none;
  padding: 0;
  margin-top: 10px;
}

.footer li {
  display: inline;
  margin-left: 15px;
}

.footer a {
  text-decoration: none;
  color: white;
}

.footer a:hover {
  color: #ffcc00;
}
</style>
